.branchModify {
  width: 100%;
  height: 100%;
  .flex-column-normal();

  .wallPaper {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    border-radius: 2px;
    background: white;
    padding: 60px 30px;

    .avatar-uploader {
      :global {
        .ant-upload {
          width: 128px;
          height: 128px;
          overflow: hidden;
        }
      }
    }

    .ant-upload-text {
      margin-top: 8px;
      color: #666;
    }

    .midFile {
      padding: 8px 0;

      .fileNameBox {
        margin-left: 6px;
        font-size: @font-size-small;

        .fileName {
          color: blue;
          text-decoration: underline;
          cursor: pointer;
        }

        .noFile {
          color: #bebebe;
        }
      }
    }

    .types {
      .flex-row-start();
      display: inline-flex;
      border-radius: 24px;
      border: 1px solid @primary-color;
      overflow: hidden;
      .type {
        width: 100px;
        height: 24px;
        .flex-row-center();
        .clickable();
        color: @primary-color;
        font-size: @font-size-small;
        &.checked {
          background-color: @primary-color;
          color: white;
        }
      }
    }

    .contentBox {
      width: 100%;
      max-height: 500px;
      overflow-y: auto;

      .levelBox {
        width: 100%;
        box-sizing: border-box;
        font-size: @font-size-small;
        .flex-column-normal();

        .level {
          width: 100%;
          box-sizing: border-box;
          padding: 0 10px;
          height: 32px;
          cursor: pointer;
          .flex-row-start();

          &:hover {
            background-color: rgba(@primary-color, .2);
          }

          &>*:nth-child(2) {
            margin-left: 6px;
          }

          .icon {
            transform: rotate(0);

            &.expand {
              transform: rotate(90deg);
            }
          }
        }

        &.pl-15 {
          padding-left: 15px;
        }

        &.pl-20 {
          padding-left: 20px;
        }
      }
    }
  }

  .footer {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    z-index: 1;
    .flex-row-center();
    background-color: white;
  }
}

.signRow {
  width: 100%;
  padding: 20px 0;
  .flex-column-normal();

  &>*:not(:first-child) {
    margin-top: 15px;
  }

  input {
    width: 100%;
    box-sizing: border-box;
    background: none;
    padding: 6px 15px;
    margin: 0;
    outline: none;
    border: 1px solid #dedede;
    border-radius: 3px;
  }
}